<!doctype html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
        crossorigin="anonymous">
    <link rel="icon" href="/static/img/dwz.png" sizes="128x128" type="image/png">
    <title>Demo</title>
</head>

<body class="d-flex flex-column h-100">
    <main class="flex-shrink-0">
        <div class="container" style="width: 500px;">
            <h1 class="mt-5">Demo</h1>
            <p class="lead">输入一个 URL，输出一个短网址。</p>
            <p><a href="https://www.markjour.com/">markjour.com</a></p>
            <div class="mb-3">
                <label for="origURL" class="form-label">URL</label>
                <textarea class="form-control" id="origURL" rows="3"></textarea>
            </div>
            <div class="mb-3">
                <button type="button" class="btn btn-primary">转换</button>
            </div>
            <div class="mb-3">
                <input class="form-control" type="text" placeholder="短网址会显示在这里" aria-label="output" disabled>
            </div>
        </div>
    </main>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
        crossorigin="anonymous"></script>
</body>

</html>